﻿<%@ Control Language="VB" AutoEventWireup="false" CodeFile="Detail.ascx.vb" Inherits="FrontEnd_Control_Product_Detail" %>
<%@ Register Assembly="HighslideImage" Namespace="Encosia" TagPrefix="encosia" %>
<%@ Register src="../commentfacebook/commentfacebook.ascx" tagname="commentfacebook" tagprefix="uc1" %>
<script type="text/javascript">
    $(function () {

        $('#demo-1 .simpleLens-thumbnails-container img').simpleGallery({
            loading_image: 'images/loading.gif'
        });
        $('#demo-1 .simpleLens-big-image').simpleLens({
            loading_image: 'images/loading.gif'
        });

        $(".ui-tabViewNav li").click(function () {
            //hide tab
            $(".ui-tabViewNav li").each(function () { $(this).removeClass("selected"); });
            //show click
            $(this).addClass("selected");
            var divShow = $(this).find("a").attr("href");
            //hide detail
            $(".detailTab").each(function () { $(this).attr("style", "display:none"); });
            //show detail click
            $("#" + divShow).attr("style", "display:inline");
            return false;
        });


    });

</script>
<!--Detail-->
<div id="column-right">
    <div class="line-tieudedanhsach">
        <h3>
            XEM NỘI DUNG THÔNG TIN SẢN PHẨM</h3>
    </div>
    <div class="product-detail-left">
        <!--begin-->
        <div class="simpleLens-gallery-container" id="demo-1">
            <div class="simpleLens-container">
                <div class="simpleLens-big-image-container">
                    <asp:HyperLink ID="hplImages" runat="server" CssClass="simpleLens-lens-image">
                        <asp:Image ID="imgImagePreview" runat="server" CssClass="simpleLens-big-image" />
                    </asp:HyperLink>
                </div>
            </div>
            <div class="simpleLens-thumbnails-container">
                <asp:Repeater ID="rptImages" runat="server">
                    <ItemTemplate>
                        <asp:HyperLink ID="hplImage" runat="server" CssClass="simpleLens-thumbnail-wrapper">
                            <asp:Image ID="ltrImages" runat="server" />
                        </asp:HyperLink>
                    </ItemTemplate>
                </asp:Repeater>
            </div>
        </div>
        <!--end-->
    </div>
    <div class="product-detail-right">
        <div class="tieudesanpham">
            <span id="ctl00_ContentPlaceHolder1_divTenSP">
                <asp:Label ID="lblTitle" runat="server" Text="" /></span><br>
            <span id="ctl00_ContentPlaceHolder1_divNhanHieu" style="color: #1d1916; font-size: 14px;">
                <asp:Label ID="lblNhanHieu" runat="server" Text="" />
            </span>
        </div>
        <span style="float: left; width: 70px; font-weight: bold">Giá bán:&nbsp;&nbsp;&nbsp;</span>
        <asp:Label ID="lblSellPrice" runat="server" Text="lblSellPrice" />&nbsp;VNĐ&nbsp;&nbsp;&nbsp<asp:Label
            ID="lblOriginalprice" runat="server" Text="lblOriginalprice" Style="text-decoration: line-through;" />
        <br />
        <br />
        <p id="ctl00_ContentPlaceHolder1_divTomTat" class="des-sanpham">
            <asp:Label ID="lblDescription" CssClass="" runat="server" Text="" /></p>
        <br />
        <div style="margin-left: 5px; margin-top: 25px;">
            <span style="float: left; width: 70px; font-weight: bold">Size:&nbsp;&nbsp;&nbsp;</span>
            <asp:Repeater ID="rptSize" runat="server">
                <ItemTemplate>
                    <asp:Literal ID="ltrSize" runat="server"></asp:Literal>
                </ItemTemplate>
            </asp:Repeater>
            <br>
            <br>
            <span style="float: left; width: 70px; font-weight: bold">Màu:&nbsp;&nbsp;&nbsp;</span>
            <asp:Repeater ID="rptColor" runat="server">
                <ItemTemplate>
                    <asp:Literal ID="ltrColor" runat="server"></asp:Literal>
                </ItemTemplate>
            </asp:Repeater>
            <br>
            <br>
            <span style="float: left; width: 70px; font-weight: bold">Độ tuổi:&nbsp;&nbsp;&nbsp;</span>
            <asp:Repeater ID="rptDoTuoi" runat="server">
                <ItemTemplate>
                    <asp:Literal ID="ltrDoTuoi" runat="server"></asp:Literal>, &nbsp;
                </ItemTemplate>
            </asp:Repeater>
            <br>
            <br>
            <p style="margin-top: 15px; display: none; width: 100%" id="divTinhTrangGioHang">
                <img src="http://lolitastorevn.com/FrontEnd/images/icon-tinhtrangkhohang.jpg" alt=""><span
                    style="font-size: 12px; color: #444444;"> Tình trang kho hàng: </span><span style="font-size: 12px;
                        color: #ce2f1a;">còn <span class="responseDiv"></span>sản phẩm </span>
            </p>
            <asp:LinkButton ID="lblDatHang" runat="server" CssClass="icondathang">Đặt hàng</asp:LinkButton>
        </div>
        <div class="line-hotline-product">
            <span style="margin-left: 15px;">Bạn có thể đặt hàng qua điện thoại </span><span
                style="margin-left: 15px; color: #ce2f1a;">0919 878 589</span>
        </div>
        <div style="margin-top: 10px;">
            <asp:LinkButton ID="lbtSendFriend" runat="server" CssClass="icon-email">Gửi cho bạn bè</asp:LinkButton>
            <asp:LinkButton ID="lblYeuthich" runat="server" CssClass="icon-traitim">
                    Thêm vào danh sách yêu thích
            </asp:LinkButton>
        </div>
    </div>
    <div style="width: 100%; clear: both; height: 20px">
    </div>
    <div style="margin-bottom: 20px;">
        <ul class="ui-tabViewNav">
            <li class="selected"><a class="lhmxl" href="productDetails">Thông tin sản phẩm</a>
            </li>
            <li><a class="lhmxl" href="brandInformation">Thông tin nhãn hiệu</a> </li>
            <li id="productReviewsTab"><a href="productReviews"><span class="lhmxl mls">Ý kiến
                nhận xét</span> </a></li>
        </ul>
        <div class="ui-tabViewContent">
            <div id="productDetails" class="detailTab pbl" >
                    <p>
                        <asp:Label ID="lblChiTietSanPham" CssClass="" runat="server" Text="" /></p>
            </div>
            <div id="brandInformation" class="detailTab pbl" style="display: none;">
                <asp:Label ID="lblNhanHieuDescription" runat="server"></asp:Label>
            </div>
            <div id="productReviews" class="detailTab pbl" style="display: none;">
            <uc1:commentfacebook ID="commentfacebook1" runat="server" />
            </div>
        </div>
    </div>
    <div style="clear: both; height: 10px;">        
    </div>
    <asp:HiddenField ID="hidCateId" Value="0" runat="server" />
    <asp:HiddenField ID="hidID" Value="0" runat="server" />
</div>
<!--End Detail -->
